/* 开关按钮基础样式 */
.btn-switcher {
    display: inline-block;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
}

/* 激活状态（开启） */
.btn-switcher.active i {
    color: #1ab394; /* 成功绿色 */
    transform: scale(1.1);
}

/* 非激活状态（关闭） */
.btn-switcher:not(.active) i {
    color: #ddd; /* 灰色 */
    transition: all 0.3s ease;
}

/* 悬停效果 */
.btn-switcher:hover {
    opacity: 0.8;
}

/* 状态文本样式 */
[data-favisible^="switch="] {
    display: inline-block;
    margin-left: 8px;
    font-size: 12px;
    transition: opacity 0.3s;
}

/* 隐藏未激活的状态文本 */
[data-favisible="switch=0"][style*="display: none"],
[data-favisible="switch=1"][style*="display: none"] {
    opacity: 0;
}

/* 图标翻转效果（关闭状态） */
.btn-switcher i.fa-flip-horizontal {
    transform: rotateY(180deg);
}

/* 列表页中的开关按钮调整 */
.table .btn-switcher {
    margin: 0 5px;
}
